:root {
  // element-plus
  --el-color-primary: rgb(var(--primary-color)) !important;
  --el-color-primary-light-3: rgb(60 99 215) !important;
  --el-color-primary-light-5: rgb(103 133 224) !important;
  --el-color-primary-light-7: rgb(136 160 231) !important;
  --el-color-primary-light-8: rgb(162 180 236) !important;
  --el-color-primary-light-9: rgb(179 194 239) !important;
  // custom
  --font-size: 16px;
  --primary-color: 36 71 176;
  --background-color: 240 242 245;
  --background-color-secondary: 255 255 255;
  --background-color-invert: 0 0 0;
  --aside-menu-color: 0 21 41;
  --color: 0 0 0;
}

html.dark {
  --background-color: 0 0 0;
  --background-color-secondary: 21 21 21;
  --background-color-invert: 255 255 255;
  --aside-menu-color: 33 33 33;
  --color: 255 255 255;
}
